<!-- 弹性盒子 

    Flexible Box
         优点：简单、方便、快速
         缺点：兼容性
 -->


 <!-- 流式布局 

    Liquid Layout 又叫百分比布局
         优点：元素的宽度使用百分比做单位，元素宽高按屏幕分辨调整，布局不变
         缺点：屏幕跨度过大，页面不正常使用

-->

<!-- 响应式布局

     优点：面对不同分辨率设备灵活性强、快速解决多设备适应问题
     缺点：效率低，代码累赘
-->

<!-- 静态布局
     优点：简单
     缺点：移动端不能使用pc端的页面

-->

<!-- 
    网络布局
      又叫平均布局
       优点：固定灵活的轨道尺寸
       缺点：兼容性不好
 -->

 <!-- 圣杯布局 (从上到下,三个部分)

     优点:兼容性好
     缺点:关联和双飞翼布局类似
-->

<!-- 
    双飞翼布局(左右不动,中间动)
    
    优点:兼容性好
    缺点:圣杯\绝对定位\双飞翼
 -->

 <!-- 悬挂式布局

-->